import { FC, createElement } from 'react';
import { ActionWrapper } from './index.styled';
import { ActionCardProps } from '../../../interface/mine';
import { Grid } from 'antd-mobile';
const ActionCard: FC<ActionCardProps> = ({ cardConfig }) => {
    return (
        <ActionWrapper className="common-shadow common-margin-top common-padding">
            <Grid columns={4} gap={8}>
                {cardConfig.map((item) => (
                    <Grid.Item className="cardItem" key={item.url}>
                        {item.icon}
                        <span>{item.text}</span>
                    </Grid.Item>
                ))}
            </Grid>
        </ActionWrapper>
    );
};

export default ActionCard;
